@charset "utf-8";
/* CSS Document */

html {background:#f1f1f1 url(../images/img/bg_html.gif) repeat top left;}
body {width:100%; display:inline-block; margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.db {display:block;}
.dib {display:inline-block;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
a {text-decoration:none;}
.red{color:#F00;}

div.page {width:98%; margin:auto;}
div.header, div.conter, div.footer {width:100%;}
div.header {height:40px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);}
div.conter {position:relative;}

/* conter_left */
div.conter_left {width:250px;}
div.conter_left div.left_menu {width:100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);}
div.conter_left div.left_menu ul {margin:0; padding:0; list-style:none;}
div.conter_left div.left_menu ul.navigation {float:left; width:100%;}
div.conter_left div.left_menu ul.navigation li {display:block; position:relative;}
div.conter_left div.left_menu ul.navigation > li a {display:block; color:#3b3838; padding:7px 10px; border-top:1px dotted #bbb; text-decoration:none; font-family:Verdana, Geneva, sans-serif;}
div.conter_left div.left_menu ul.navigation > li:first-child > a {border-top:none;}
div.conter_left div.left_menu ul.navigation > li > a:hover {background-color:#00aeff;}
div.conter_left div.left_menu ul.navigation li.navisub > a:before, .navisub > a:after {position:absolute; content:""; background:#666666;}
div.conter_left div.left_menu ul.navigation li.navisub > a:before {width:10px; height:2px; right:8px; top:16px;}
div.conter_left div.left_menu ul.navigation li.navisub > a:after {width:2px; height:10px; right:12px; top:12px;}
div.conter_left div.left_menu ul.navigation li.navisub > a.active:after {display:none;}
div.conter_left div.left_menu ul.navigation > li > ul {padding-left:20px; display:none;}
div.conter_left div.left_menu ul.navigation > li > ul a:hover {background-color:#ffc000; color:#fff;}

/* conter_right */
div.conter_right {top:0; right:0; left:0; margin-left:255px;}
div.conter_right div.right_boxs {padding:0 7px;}
div.conter_right div.right_boxs div.dataTables {display:block; margin:15px auto 10px; border:1px solid #aaa; border-radius: 5px;}
div.conter_right div.right_boxs div.dataTables div.dataTables_bar {width:100%; height:30px; border-bottom:1px solid #aaa; background:#DBDBDB; border-radius:5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
div.dataTables_bar h5 {margin:0; line-height:26px; text-indent:15px; font-size:17px;}

/* from_login */
a.home_turn {margin-top:10px; margin-left:10px; color:#666666; font-weight:bold; font-size:13px;}
div.from_login {width:280px; padding:5px; margin:10% auto; border-radius:5px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);}
div.from_login ul {padding:18px; margin:0; list-style:none; border:1px solid #ccc; border-radius:4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);}
div.from_login ul li {width:100%; display:block; margin-bottom:10px;}
div.from_login ul li:last-child {margin-bottom:0;}
div.from_login ul li.error {color:#FF0000; font-size:12px; font-weight:700; text-align:center;}
div.from_login ul li input {width:230px; height:25px; padding:0 5px; display:block; border:1px solid #ccc; border-radius:3px;}
div.from_login ul li button {margin:auto; height:30px; display:table; cursor:pointer; border-radius:4px; border-width:1px; background-color: #363636; background-image: -moz-linear-gradient(center top , #444444, #222222); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
div.from_login ul li button:hover {background-color:#222;}

/* nhom */
.span0 {width:50px;}
.span1 {width:100px;}
.span2 {width:200px;}
.span3 {width:300px;}
.span4 {width:400px;}

/* themuser */
div.themuser {width:100%;}
div.themuser ul.nd {padding:20px 90px 10px; margin:0; list-style:none;}
div.themuser ul.nd li {display:block; margin-bottom:10px;}
div.themuser ul.nd li label, 
div.themuser ul.nd li input, 
div.themuser ul.nd li textarea, 
div.themuser ul.nd li select {display:inline-block; border:1px solid #ccc;}
div.themuser ul.nd li label {margin-right:20px; text-align:right; border:none;}
div.themuser ul.nd li input {height:25px; padding:0 2px;}
div.themuser ul.nd li textarea {max-width:600px; min-width:200px; padding:5px 3px; margin-left:3px;}
div.themuser ul.nd li select {padding:3px;}
div.themuser div.form-actions {text-align:center;}
div.themuser div.form-actions button, 
div.themuser div.form-actions a {min-width:70px; padding:5px; cursor:pointer; border-radius:5px; color:#3B3B3B; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCC; background-color: #D8D8D8;}
div.themuser div.form-actions button {color:#FF0000;}

/* user_thoat */
div.user_thoat {padding-top:10px; padding-right:10px; text-align:right;}
div.user_thoat a {display:inline-block; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
div.user_thoat a.user {color:#F00; margin-right:10px;}
div.user_thoat a.thoat {color:#666666;} 
div.headed_lag{ width: 100px; float: left; text-align:center;}
div.headed_lag2{ width: 150px; float: left; text-align:center;}

/*menu doc */
div.center_row {width:100%; padding:15px 0;}
div.center_row_nd {width:90%; margin:auto; border:1px solid #ccc;}
div.center_row ul.nd {margin:0; padding:0;}
div.center_row ul.nd form {margin:0;}
div.center_row ul.nd > li {display:block}
div.center_row ul.nd li.big div {padding:3px 20px; border-bottom:1px solid #ccc; background:#ccc;}
div.center_row ul.nd li.big div span {width:90%; display:inline-block;}
div.center_row ul.nd li.small {}
div.center_row ul.nd li.small div {display:block; padding-left:55px; border-bottom:1px solid #ccc;}
div.center_row ul.nd li.small:last-child div {border:none;}
div.center_row ul.nd li.small div span {width:80%; display:inline-block;}
div.center_row ul.nd li.small select {min-width:150px; padding:2px 3px; display:inline-block;}
div.center_row ul.nd input.d_button {min-width:60px; height:auto; margin:3px 0; font-size:14px; font-weight:700; font-family:Tahoma, Geneva, sans-serif}
div.center_row ul.nd input.a_button { color:#B00; min-width:60px; height:auto; margin:3px 0; font-size:14px; font-weight:700; font-family:Tahoma, Geneva, sans-serif}

div.show_banner{ width:100%; margin:auto; text-align:center;}
span.errorq{ width:100%; color:#F00; font-weight:600;}

div.notice_c{ border:1px solid #CCC; min-height:50px; margin:50px 20px 20px 20px;}
div._user{ width:100%; margin-top:30px;}
div._user div.left_user{ width:85%; float:left; text-align:right; margin-right:5%; }
div._user div.right_user{ width:10%; float:left;}

.max-logo{max-height:80px;}
